<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html><head><title>Music Viewer</title>
<style type="text/css">
	body{
		margin:10px;
		padding: 10px;
		background-color: #ddd;
	}
	div.cover{
		float:right;
		width: 250px;
		
	}
	a{
		text-decoration: none;
	}
	img.cover{
		width: 250px;
	}
	h2{
		font-size: 20px;
		margin: 5px;
	}
	h1{
		font-size: 25px;
		margin-bottom: 5px;
	}
	div.songdata{
		position: absolute;
		right:20px;
		top: 280px;
		float:right;
		width: 250px;
		
	}
	.wikiframe{
		background-color:white;
		
		border: 1px solid black;
		position: absolute;
		float:right;
		bottom: 30px;
		right: 300px;
		left:30px;
		top: 20px;
		padding:10px;
	}
	iframe{
		width:100%;
		height:100%;
	}
</style>

</head><body>

<div id="cover_div" class="cover"><img id="cover" class="cover" src="%cover%" /></div>
<div class="songdata">
	<h1>MusicViewer</h1>
	<h2>Title:</h2>%title% 
	<h2>Album: </h2>%album% 
	<h2>Artist:</h2> <a target="wikiframe" href="http://en.wikipedia.org/w/index.php?title=%artist%&printable=yes">%artist%</a>
	<h2>Composer:</h2>  <a target="wikiframe" href="http://en.wikipedia.org/w/index.php?title=%composer%&printable=yes">%composer%</a>
</div>

<div id="wikiframe" 
	class="wikiframe" >
<iframe 
	name="wikiframe" 
	
	frameborder="0" 
	src="http://en.wikipedia.org/w/index.php?title=%artist%&printable=yes" 
	></iframe>
	
</div>

</body></html>